<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-3.3.1.min.js"></script>

</head>
<style>
    .red{
        border-radius: 20px;
        box-shadow: 10px 10px 5px #f00;
    }
    .black{
        border-radius: 50%;
        box-shadow: 6px 6px 3px #333;/*xy偏移 偏移半径*/
    }
</style>
<body>
<img src="img/star.gif" alt="图片" width="300">

</body>
<script>
    $(function () {
        $("img").addClass('red');
        $("img").addClass('black');
        $("img").removeClass("red");
        $("img").removeClass("black");

        $("img").toggleClass("red")//有则移除，无则增加

        $("img").hasClass("red")//判断有无
        $("img").is("red")//判断有无 ...


    })
</script>
</html>